.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 50px);
    column-gap: 10px;
    row-gap: 10px;
}

.item {
    background: green;
    font-size: 3em;
    
}

.div1 {
    /* row start/column start/ row end/ column end */
    grid-area: 1/1/3/3;
    border: 3px solid black;
}

.div2 {
    grid-area: 3/3/5/5;
}

.div3 {
    grid-area: 5/5/6/6;
}

.div4 {
    grid-area: 2 / 1 / 2 / 4;
    border: 1px solid red;

}